<!DOCTYPE html>


<html lang="zh">


<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>小鑫</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="content">
        <div class="wrapper">
            <div class="light"><i></i></div>
            <hr class="line-left">
            <hr class="line-right">
            <div class="main">
                <h1 class="title">小鑫鑫的作业</h1>
                <div class="year">
                    <h2><a href="#">2017年<i></i></a></h2>
                    <div class="list">
                        <ul>
                            <li class="cls highlight">
                                <p class="date">2月16日</p>
                                <p class="intro"> <a href="个税计算器.html">个税计算器</a>
                                </p>
                                <p class="version">&nbsp;</p>
                                <div class="more">
                                    <p>了解变量和数据类型</p>
                                    <p>流程控制</p>
                                    <p>不同数据类型的转换</p>
                                    <p>隐式转换</p>

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date">2月17日</p>
                                <p class="intro"><a href="计算小鸡.html">计算小鸡</a></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">
                                    <p>了解函数</p>
                                    <p>函数的声明方法</p>
                                    <p>变量的作用</p>

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date">2月18日</p>
                                <p class="intro"><a href="质数判定.html">质数判定</a></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date">2月20日</p>
                                <p class="intro"><a href="数组删除重复从大到小排序.html"> 数组删除重复从大到小排序</a></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date">2月22日</p>
                                <p class="intro"><a href="字符串中字符统计.html">字符串中字符统计</a></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date">2月23日</p>
                                <p class="intro"><a href="猜数字游戏.html">猜数字游戏</a></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date">2月23日</p>
                                <p class="intro"><a href="倒计时.html">倒计时</a></p>
                                <p class="version"></p>
                            </li>
                            <li class="cls highlight">
                                <p class="date">1月</p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="year">
                    <h2><a href="#">2017年<i></i></a></h2>
                    <div class="list">
                        <ul>
                            <li class="cls">
                                <p class="date">2月24</p>
                                <p class="intro"><a href="时钟.html">时钟</a></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date">2月25</p>
                                <p class="intro"><a href="雨滴.html">花瓣飘飘</a></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls highlight">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls highlight">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="year">
                    <h2><a href="#"><i></i></a></h2>
                    <div class="list">
                        <ul>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                                <div class="more">

                                </div>
                            </li>
                            <li class="cls">
                                <p class="date"></p>
                                <p class="intro"></p>
                                <p class="version">&nbsp;</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="year">
                    <h2><a href="#"><i></i></a></h2>
                    <div class="list">
                        <ul>
                            <li class="cls">
                                <p class="date">&nbsp;</p>
                                <p class="intro">
                                    <p class="version">&nbsp;</p>
                                    <div class="more">
                                        <p></p>
                                    </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-content clearfix">
            <div class="copyright"> Copyright © 2011-2014 All Rights Reserved </div>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script>
        $(".main .year .list").each(function(e, target) {
            var $target = $(target),
                $ul = $target.find("ul");
            $target.height($ul.outerHeight()), $ul.css("position", "absolute");
        });
        $(".main .year>h2>a").click(function(e) {
            e.preventDefault();
            $(this).parents(".year").toggleClass("close");
        });
    </script>
</body>

</html>